﻿<%namespace YouHP.Model%>
<%namespace YouHP.Utility%>
<%template _header%>

<script type="text/javascript">

function changesymsel(m,n)
{  
   for(var i=1;i<=4;i++)
   {
      if(i != n && $("sym"+m+"_"+i).className.indexOf("_")>0)
      {
           var array=[];
           array=$("sym"+m+"_"+i).className.split("_");
           $("sym"+m+"_"+i).className=array[0];
           $("c_sym"+m+"_"+i).src="/support/alpha/images/spacer.gif";
       }
   }
   
   if($("sym"+m+"_"+n).className.indexOf("_")<=0)
   {
       $("sym"+m+"_"+n).className = $("sym"+m+"_"+n).className+"_on";
       $("c_sym"+m+"_"+n).src="/support/alpha/images/icon_check_fff.png";
   }
}


</script>
<script type="text/javascript" >
     var cursel="";
    function ShowSymDegreeDesp(symId,n,desp)
   	{
  
       if(cursel != "")  $(cursel).innerHTML="";
	   switch(n)
	   {
	     case 1:  
	      $('SymDegreeDesp'+symId+'_'+n).innerHTML="<font style='color:blue;'>"+desp+"</font>";
	      cursel="SymDegreeDesp"+symId+"_1";
	      break;
	     case 2:
	      $('SymDegreeDesp'+symId+'_'+n).innerHTML="<font style='color:blue;'>"+desp+"</font>";
	      cursel="SymDegreeDesp"+symId+"_2";
	      break;
	     case 3:
	      $('SymDegreeDesp'+symId+'_'+n).innerHTML="<font style='color:blue;'>"+desp+"</font>";
	      cursel="SymDegreeDesp"+symId+"_3";
	      break;
	   }
  	}
</script>

<div class="layout-cols2">
<%template _memmenu%>
	<div class="pannelcontent">

		<div class="pcontent">
		<div class="panneldetail">
	     <%template _memrecordermenu%>
	     	
			<div class="pannelbody">
	
		    <%csharp%>if( IsPost){ <%/csharp%>
	    
	    <%template _MsgBox%>
	    
	    <%csharp%> } else { <%/csharp%>
	    
	    <div class="box">
	        <div class="caption">
	            症状记录批量添加
	        </div>
	        <div class="content">
	            <br />
                <%csharp%>TempUrl="/SymptomHistory/SurveyAdd.aspx";<%/csharp%>
	            <form id="symform" name="symform" method="post" action="{this.GetUrl(TempUrl)}">
	             <table class="table-box">
	                <tbody>
	                <tr>
                        <td class="table-box-left">日期</td>
	                    <td class="table-box-right">
	                        <input type="text" name="date" readonly="true"
	                             value="{DateTime.Now.ToString("yyyy-MM-dd")}" class="inputstyle" 
	                             onclick="WdatePicker({ isShowClear:false})"
	                         />
	                    </td>
	                 </tr>
	                 <tr>
	                    <td class="">主要症状：</td>
	                    <td class="table-box-right"><div class="symptomlogo">&nbsp;<li>无<p class="none"></p></li><li>轻度<p class="mild"></p></li><li>中度<p class="moderate"></p></li><li>重度<p class="severe"></p></li></div></td>
	                 </tr>
					<%csharp%>
					     foreach(DiseaseSymptomInfo syminfo in PrimarySymptomList)
					     {
					<%/csharp%>
					<tr>
					    <td class="table-box-left">{syminfo.SymptomName}</td>
					    <td class="table-box-right">

						   <input type="hidden" id="sym{syminfo.SymptomId}" name="sym{syminfo.SymptomId}" />
						   <div class="symptomsel">
						       <p><a href="javascript:;" onclick="changesymsel({syminfo.SymptomId},1);$('sym{syminfo.SymptomId}').value={Constants.SYMPTOM_NONE};" class="none" id="sym{syminfo.SymptomId}_1"><img id="c_sym{syminfo.SymptomId}_1" src="/support/alpha/images/spacer.gif" />&nbsp;<font color="#CCCCCC">无</font></a><span id="d_none"></span></p>
						       <p><a href="javascript:;" onmouseover="ShowSymDegreeDesp({syminfo.SymptomId},1,'{syminfo.MildDescription}');"  onclick="changesymsel({syminfo.SymptomId},2);$('sym{syminfo.SymptomId}').value={Constants.SYMPTOM_MILD};"  class="mild" id="sym{syminfo.SymptomId}_2" title="{syminfo.MildDescription}"><img id="c_sym{syminfo.SymptomId}_2" src="/support/alpha/images/spacer.gif" /><font color="#CCCCCC">轻度</font></a><span id="SymDegreeDesp{syminfo.SymptomId}_1"></span></p>
						       <p><a href="javascript:;" onmouseover="ShowSymDegreeDesp({syminfo.SymptomId},2,'{syminfo.ModerateDescription}');"  onclick="changesymsel({syminfo.SymptomId},3);$('sym{syminfo.SymptomId}').value={Constants.SYMPTOM_MODERATE};" class="moderate" id="sym{syminfo.SymptomId}_3" title="{syminfo.ModerateDescription}"><img id="c_sym{syminfo.SymptomId}_3" src="/support/alpha/images/spacer.gif" /><font color="#CCCCCC">中度</font></a><span id="SymDegreeDesp{syminfo.SymptomId}_2"></span></p>
						       <p><a href="javascript:;" onmouseover="ShowSymDegreeDesp({syminfo.SymptomId},3,'{syminfo.SevereDescription}');" onclick="changesymsel({syminfo.SymptomId},4);$('sym{syminfo.SymptomId}').value={Constants.SYMPTOM_SEVERE};" class="severe" id="sym{syminfo.SymptomId}_4" title="{syminfo.SevereDescription}"><img id="c_sym{syminfo.SymptomId}_4" src="/support/alpha/images/spacer.gif" /><font color="#CCCCCC">重度</font></a><span id="SymDegreeDesp{syminfo.SymptomId}_3"></span></p>
						   </div>
						   
                        </td>
                    </tr>
					<%csharp%>
					     }
					<%/csharp%> 
								
    	            <tr>
    	                <td class="table-box-left"></td>
    	                <td class="table-box-right"> 
                           <a href="javascript:;" onclick="CheckForm();" class="yellowbutton">提交</a>
                        </td>
    	            </tr>   
	                </tbody>
	                </table>             
	            </form>
	            <script type="text/javascript">
	                function CheckForm()
	                {
	                    $('symform').submit();
	                }
	            </script>

	            <br />
	        </div>
	    </div>
	    
	    <%csharp%> } <%/csharp%>
	</div>
	</div>
	</div>
	</div>
		
	
</div>

<%template _footer%>